import React from 'react';
import {Layout , Row, Col} from 'antd'
import Headers from './components/layout/Headers/Headers'
// import Footers from './components/layout/Footers/Footers'
import NavLeft from './components/layout/navLeft/sidebar'
import './App.css';
const {
    Content,
  } = Layout;


class Admin extends React.Component {
    constructor(props) {
        super(props);
        console.log(props)
        this.state ={
            
        }

    }
    render() {
        return (
            <Row className="container" style={{ minHeight: '100vh' }}>
                <Col span="3"  className="nav-left">
                    <NavLeft/>
                </Col>
                <Col span="21">
                    <Headers/>
                    <Layout>
                    <Content className="main">
                        <div className="content" style={{ padding: 24, background: '#fff', minHeight: 360 }}>
                            {this.props.children}
                        </div>
                    </Content>
                    </Layout>
                  {/*   <Footers/> */}
                </Col>
            </Row>
            
        );
    }
}

export default Admin;